<!--
 * @Author: your name
 * @Date: 2021-05-25 10:51:56
 * @LastEditTime: 2021-06-06 21:50:10
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \遵义报名\zunyi\src\components\infomation.vue
-->
<template>
  <el-table :data="tableData" style="width: 100%">
    <!-- 单元格 -->
    <el-table-column
      v-for="(item, idx) of propArray"
      :key="idx"
      :prop="item.prop"
      :label="item.lable"
    ></el-table-column>

    <!-- 操作 -->
    <el-table-column fixed="right" label="操作">
      <template slot-scope="scope">
        <slot :data="scope.row" :idx="scope.$index"></slot>
      </template>
    </el-table-column>
  </el-table>
</template>

<script>
export default {
  props: {
    tableData: {
      //表格数据
      type: Array,
      required: true,
    },
    propArray: {
      //prop和lable数据
      type: Array,
      required: true,
    },
    // loading:{//loading加载效果
    //   type:Boolean,
    //   default:false
    // }
  },
};
</script>

<style lang="scss" scoped>
// 去除底部边框样式
.el-table::before {
  height: 0;
}

/deep/.el-table__fixed-right::before,
.el-table__fixed::before {
  height: 0;
}
</style>